<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<script src="js/mui.min.js"></script>
		<link href="css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="css/sub.css" />
		<link rel="stylesheet" type="text/css" href="css/discover.css" />
		<script type="text/javascript" charset="utf-8">
			mui.init();
		</script>
	</head>

	<body>
		<!-- 头部 -->
		<header class="mui-bar mui-bar-nav">
			<a class="mui-pull-left locat-name" href="#"><span>重庆</span>&nbsp;<i class="icon-down"></i></a>
			<div class="input-wrap mui-clearfix">
				<input type="text" name="" id="search-btn" value="" placeholder="产品  商家  风格  服务类型" />
				<a href="" class="icon-search mui-pull-right"></a>
			</div>
			<a class="mui-pull-right icon-serve server"></a>
		</header>
		<div class="mui-content">
			<!--广告内容-->
			<div class="discover-adv">
				<div class="adv-big">
					<img src="img/online/ad1.jpg"/>
				</div>
				<div class="adv-big">
					<img src="img/online/ad2.jpg"/>
				</div>
				<div class="adv-big">
					<img src="img/online/ad3.jpg"/>
				</div>
				<div class="adv-small">
					<img src="img/online/ad4.jpg"/>
					<img src="img/online/ad5.jpg"/>
				</div>
			</div>
			<!--S服务分类-->
			<div class="server-sort">
				<div class="home-section-header">
					<h1 class="home-section-tit mod-title-30">服务分类</h1>
				</div>
				<div class="server-body mui-clearfix">
					<ul>
						<li><a href="list_hlgj.html">婚礼管家</a></li>
						<li><a href="list_hyjd.html">婚宴酒店</a></li>
						<li><a href="list_chsj.html">婚礼策划</a></li>
						<li><a href="list_sytx.html">婚纱摄影</a></li>
						<li><a href="list_mylx.html">蜜月旅行</a></li>
						<li><a href="list_hlsy.html">四大金刚</a></li>
					</ul>
				</div>
			</div>
			<!--E服务分类-->
			<!--S热门服务-->
			<div class="hot-server mt30">
				<div class="home-section-header">
					<h1 class="home-section-tit mod-title-30">热门服务</h1>
				</div>
				<div class="hot-server-body mui-clearfix">
					<div class="hsb-item">
						<img src="http://placehold.it/336x336" class="hsb-header"/>
						<div class="hsb-item-body">
							<h1 class="mod-title-24">摄影套餐名字</h1>
							<p class="mod-title-20 mui-ellipsis-2 mt15">描述描述描述描描述描描述描描述描述描描述描述 描描述描述描述最多三十一个汉字</p>
							<div class="mui-clearfix mt15">
								<span class="mod-price mui-pull-left">&yen;2339</span>
								<span class="mod-title-24 mui-pull-right mr6"><i class="icon-collect mr12"></i>19</span>
							</div>
						</div>
					</div>
					<div class="hsb-item">
						<img src="http://placehold.it/336x336" class="hsb-header"/>
						<div class="hsb-item-body">
							<h1 class="mod-title-24">摄影套餐名字</h1>
							<p class="mod-title-20 mui-ellipsis-2 mt15">描述描述描述描描述描描述描描述描述描描述描述 描描述描述描述最多三十一个汉字</p>
							<div class="mui-clearfix mt15">
								<span class="mod-price mui-pull-left">&yen;2339</span>
								<span class="mod-title-24 mui-pull-right mr6"><i class="icon-collect mr12"></i>19</span>
							</div>
						</div>
					</div>
					<div class="hsb-item">
						<img src="http://placehold.it/336x336" class="hsb-header"/>
						<div class="hsb-item-body">
							<h1 class="mod-title-24">摄影套餐名字</h1>
							<p class="mod-title-20 mui-ellipsis-2 mt15">描述描述描述描描述描描述描描述描述描描述描述 描描述描述描述最多三十一个汉字</p>
							<div class="mui-clearfix mt15">
								<span class="mod-price mui-pull-left">&yen;2339</span>
								<span class="mod-title-24 mui-pull-right mr6"><i class="icon-collect mr12"></i>19</span>
							</div>
						</div>
					</div>
					<div class="hsb-item">
						<img src="http://placehold.it/336x336" class="hsb-header"/>
						<div class="hsb-item-body">
							<h1 class="mod-title-24">摄影套餐名字</h1>
							<p class="mod-title-20 mui-ellipsis-2 mt15">描述描述描述描描述描描述描描述描述描描述描述 描描述描述描述最多三十一个汉字</p>
							<div class="mui-clearfix mt15">
								<span class="mod-price mui-pull-left">&yen;2339</span>
								<span class="mod-title-24 mui-pull-right mr6"><i class="icon-collect mr12"></i>19</span>
							</div>
						</div>
					</div>
					<div class="hsb-item">
						<img src="http://placehold.it/336x336" class="hsb-header"/>
						<div class="hsb-item-body">
							<h1 class="mod-title-24">摄影套餐名字</h1>
							<p class="mod-title-20 mui-ellipsis-2 mt15">描述描述描述描描述描描述描描述描述描描述描述 描描述描述描述最多三十一个汉字</p>
							<div class="mui-clearfix mt15">
								<span class="mod-price mui-pull-left">&yen;2339</span>
								<span class="mod-title-24 mui-pull-right mr6"><i class="icon-collect mr12"></i>19</span>
							</div>
						</div>
					</div>
					<div class="hsb-item">
						<img src="http://placehold.it/336x336" class="hsb-header"/>
						<div class="hsb-item-body">
							<h1 class="mod-title-24">摄影套餐名字</h1>
							<p class="mod-title-20 mui-ellipsis-2 mt15">描述描述描述描描述描描述描描述描述描描述描述 描描述描述描述最多三十一个汉字</p>
							<div class="mui-clearfix mt15">
								<span class="mod-price mui-pull-left">&yen;2339</span>
								<span class="mod-title-24 mui-pull-right mr6"><i class="icon-collect mr12"></i>19</span>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!--E热门服务-->
		</div>
		<!--脚部-->
		<nav class="mui-bar mui-bar-tab">
			<a class="mui-tab-item" href="index.html" data-id="index">
				<span class="foot-icon icon-home"></span>
				<span class="foot-icon-active icon-homeA"></span>
				<span class="mui-tab-label">首页</span>
			</a>
			<a class="mui-tab-item mui-active" href="discover.html" data-id="discover">
				<span class="foot-icon icon-discover"></span>
				<span class="foot-icon-active icon-discoverA"></span>
				<span class="mui-tab-label">发现</span>
			</a>
			<a class="mui-tab-item" href="newsay.html" data-id="newsay">
				<span class="foot-icon icon-say"></span>
				<span class="foot-icon-active icon-sayA"></span>
				<span class="mui-tab-label">新人说</span>
			</a>
			<a class="mui-tab-item" href="shop.html" data-id="shop">
				<span class="foot-icon icon-shop"></span>
				<span class="foot-icon-active icon-shopA"></span>
				<span class="mui-tab-label">商城</span>
			</a>
			<a class="mui-tab-item" href="myshemher.html" data-id="myshemher">
				<span class="foot-icon icon-personal"></span>
				<span class="foot-icon-active icon-personal"></span>
				<span class="mui-tab-label">我的</span>
			</a>
		</nav>
		
		<script type="text/html" id="hotJs">
			{{each planlist as item index}}
			<div class="hsb-item">
				<img src="{{item.pic}}?imageView2/1/w/336/h/336" class="hsb-header"/>
				<div class="hsb-item-body">
					<h1 class="mod-title-24">{{item.title}}</h1>
					<p class="mod-title-20 mui-ellipsis-2 mt15">{{item.abstract}}</p>
					<div class="mui-clearfix mt15">
						<span class="mod-price mui-pull-left">&yen;{{item.price}}</span>
						<span class="mod-title-24 mui-pull-right mr6"><i class="icon-collect mr12"></i>19</span>
					</div>
				</div>
			</div>
			{{/each}}
		</script>
		<script src="js/artTemplate.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/mod.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		mui.ajax("http://www.xhwed.com/xhwe.php/Hots/discovers",{
			dataType:"json",
			type:"post",
			success:function(data){
				console.log(data);
				var html =template("hotJs",data.result);
				mui(".hot-server-body")[0].innerHTML=html;
			},
			error:function(){
				
			}
		})
	</script>
	</body>

</html>